import React, { useState } from 'react'
import {useDispatch} from "react-redux"
import { useNavigate } from "react-router-dom"
import "./myscss/Ceck1.scss"
import { NavBar, Sidebar } from 'react-vant';

import {changeTxt1} from "../../store/modules/HcySlice1"
export default function Ceck1() {
    let dispatch=useDispatch()
    const navigate = useNavigate()
    const [active, setActive] = useState(0);

    return (
        <div id='ceck1'>
            <div className='top1'>
                <NavBar
                    leftText="选择科室"
                    onClickLeft={() => navigate('/ysrz/page1')}
                />
            </div>
            <div className='main'>
                <Sidebar
                    value={active}
                    onChange={(v) => {
                        setActive(v);
                    }}
                >
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="儿科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>血液肿瘤中心</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>耳鼻喉科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>神经内科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>皮肤科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>普通外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>新生儿中心</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>呼吸科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>内科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>骨科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>小儿心外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>泌尿外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>心内科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="骨科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>足踝外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>脊柱外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>创伤骨科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>关节外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>手外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>矫形骨科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>小儿骨科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>骨肿瘤科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="内科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>心脏内科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>呼吸科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>肝胆肠胃科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>肾脏科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>血液科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>肿瘤科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>内分泌科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>传染病科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>风湿科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>神经内科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>老年病科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="外科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>普通外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>胸外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>泌尿外科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>骨科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>整形科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>运动医学科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="妇产科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>内分泌科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>妇科肿瘤科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>妇女保健科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>宫颈专科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>妇科普通门诊</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>计划生育科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="呼吸科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>普通病房</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>呼吸重症监护病房</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>呼吸机管理治疗中心</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>呼吸内镜中心</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>肺功能检查室</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>慢性气道疾病研究室</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="精神科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>老年痴呆</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>神经认知障碍</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>精神分裂症</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>抑郁症</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>焦虑症</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="口腔科">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>牙体牙髓科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔修复科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔种植科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>牙周科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔黏膜科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔预防科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔正畸科</div>
                    </Sidebar.Item>
                    <Sidebar.Item contentStyle={{ backgroundColor: '#fff', padding: '18px 10px' }} title="其他科室">
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>眼科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>口腔科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>麻醉科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>超声科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>临床营养科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>校验科</div>
                        <div className='minbox' onClick={(e)=>{navigate("/ysrz/page1");dispatch(changeTxt1(e.target.innerText))}}>肿瘤外科</div>
                    </Sidebar.Item>
                </Sidebar>
            </div>
        </div>
    )
}
